<template>
  <div class="page-content">
    <div class="title">
      病历记录
    </div>
    <div class="table-box">
      <div class="table">
        <my-table
          :table-data="tableData"
          :column-data="columnData"
          :show-operate="false"
        />
      </div>
      <div class="list">
        <img src="./bl.png" alt="">
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      columnData: [
        { prop: 'time', label: '时间', width: '320', align: 'center' },
        { prop: 'doctorName', label: '医生', width: '80', align: 'center' },
        { prop: 'ks', label: '科室', align: 'center' },
        { prop: 'phone', label: '电话', align: 'center', minWidth: '110' }
      ],
      tableData: [
        {
          time: '2014-7-22',
          doctorName: '何绍斌',
          ks: '呼吸内科',
          phone: '13303452341'
        },
        {
          time: '2017-03-01',
          doctorName: '梁云伟',
          ks: '内科',
          phone: '13303452341'
        },
        {
          time: '2022-04-11',
          doctorName: '赵超',
          ks: '心内科',
          phone: '13303452341'
        },
        {
          time: '2023-05-01',
          doctorName: '张云',
          ks: '内科',
          phone: '13303452341'
        },
        {
          time: '2024-01-01',
          doctorName: '梁适',
          ks: '外科',
          phone: '13303452341'
        },
        {
          time: '2024-11-01',
          doctorName: '刘云',
          ks: '呼吸科',
          phone: '13303452341'
        },
        {
          time: '2020-01-01',
          doctorName: '李超',
          ks: '内科',
          phone: '13303452341'
        },
        {
          time: '2020-01-01',
          doctorName: '张石',
          ks: '内科',
          phone: '13303452341'
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
    .page-content {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        padding: 20px;
        height: calc(100vh - 50px) !important;
        .title{
            color: #666666;
            font-size: 18px;
        }
        .table-box{
            margin-top: 20px;
            flex: 1;
            display: flex;
            .table{
                width: 700px;
                height: 100%;
            }
            .list{
                flex: 1;
            }
        }
    }
</style>
